<!--
  - Copyright (c) 2019.
  - 北京九思金信科技有限公司对该文件内容保留所有权利。
  - 未经许可，不得私自拷贝、传播、发布、引用该文件内容，违者将被追究法律责任。
  -->

<template>
  <div class="transfer-list">
    <!--列表-->
    <transfer-list v-show="showType=='table'" :activeName="activeName" ref="refreshList" @returnList="returnList"></transfer-list>
    <!--新增-->
    <transfer-add v-if="showType=='add'" @returnList="returnList"></transfer-add>
    <!--详情-->
    <transfer-detial v-if="showType=='detial'"
                     :activeName="activeName"
                     :customerTransferId="customerTransferId"
                     @returnList="returnList"></transfer-detial>
  </div>

</template>

<script>

  import TransferAdd from './TransferAdd'
  import TransferList from "./TransferList";
  import TransferDetial from "./TransferDetial";

  export default {
    components: {TransferDetial,TransferList,TransferAdd},
    data() {
      return {
        name: 'TransferMain',
        //显示模块
        showType: 'table',
        //客户移交主键
        customerTransferId: '',
        //列表页签显示
        activeName:'',
        billStatus: 'INITIAL'
      }
    },
    methods: {
      returnList(param) {
        this.showType = param.showType
        this.customerTransferId = param.customerTransferId
        this.activeName = param.activeName
        if(param.showType=='table'){
          this.$refs.refreshList.load();
        }
      }
    },
  }
</script>

<style>
  .transfer-list .el-tabs--border-card {
    border: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .el-tabs__header {
    background-color: #E4E8EB !important;
    border-bottom: 0 !important;
  }

</style>
